const webpackConfigProduction = require("./webpack.config.prod");

module.exports = {
    ...webpackConfigProduction,
  
    
    devServer: {
      port: "8888",
      open: true,
      compress: true,
      liveReload: true,
      historyApiFallback: true,
      proxy:{
        // 因为我们可能会要给多个服务器发请求（连接多个服务器），因此需要配置不同的代理来连接不同的服务器（给每个代理配置一个名称）
        "/api1":{
          // 目标服务器地址：
          target: "http://127.0.0.1:8000",  //我们的本地服务器8888在收到ajax请求时会把发送过来的路径/api1/test也拼接过来，然后去向后端发送请求（出现报错GET http://localhost:8888/api1/test 404 (Not Found)），而我们后台搭建的服务器8000没有写过这个接口http://127.0.0.1:8000/api1/test，所以在发请求给后端之前要先把多的api1删掉。
          pathRewrite:{   //路径重写把 /api1 重写成一个空的
            "^/api1": ""
          }
        }
      }
    },
  
    
    mode: "development"
  }